<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>联系方式</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">

    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/common2.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/contact2.css">
</head>

<body>
<div class="home">

    <div class="header">
        <div class="l">
            <a href="./index.html" class="logo">
                <img src="./images/logo.png" alt="">
            </a>
            <div class="t">
                澳洲官方认证授权<br>
                教育及签证服务机构
            </div>
        </div>
        <div class="r">
            <div class="icons">
                <a href="">
                    <img src="./images/icon1.png" alt="">
                </a>
                <a href="">
                    <img src="./images/icon2.png" alt="">
                </a>
                <a href="">
                    <img src="./images/icon3.png" alt="">
                </a>
            </div>
            <div class="btns">
                <a href="./login.html">注册</a>
                <a href="./login.html">登录</a>
            </div>
            <div class="lan">
                <a href="./en.html">EN</a>
            </div>
            <div class="pc_menu">
                <span></span><span></span>
            </div>
        </div>
    </div>
    <div class="pc_menuList">
        <div class="close">
            <span></span>
            <span></span>
        </div>
        <div class="links">
            <a href="./index.html" class="animated fadeInRight">
                <span>首页</span>
            </a>
            <a href="./news.html" class="animated fadeInRight" style="animation-delay: 100ms;">
                <span>留学资讯</span>
            </a>
            <a href="./news.html" class="animated fadeInRight" style="animation-delay: 200ms;">
                <span>实用手册</span>
            </a>
            <a href="./about.html" class="animated fadeInRight" style="animation-delay: 300ms;">
                <span>关于我们</span>
            </a>
            <a href="./contact2.html" class="animated fadeInRight active" style="animation-delay: 400ms;">
                <span>联系方式</span>
            </a>
        </div>
    </div>

    <div class="pheader">
        <div class="menu">
            <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                <img src="./images/logo.png" alt="">
            </a>
            <div class="navbox">
                <div class="line"></div>
                <div class="line"></div>
                <div class="line"></div>
            </div>
        </div>
    </div>
    <div class="menuList">
        <div class="lan">
            <a href="./login.html">登录</a>
            <a href="./login.html">注册</a>
            <a href="./en.html">EN</a>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./index.html">首页</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./news.html">留学资讯</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./news.html">实用手册</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./about.html">关于我们</a>
            </div>
        </div>
        <div class="item">
            <div class="tb">
                <a href="./contact2.html">联系方式</a>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="l animated fadeIn">
            Contact Us
        </div>
        <div class="r">
            <div id="googleMap" class=" animated fadeIn" style="animation-delay: 0.2s"></div>
            <div class="flex">
                <div class="list wow animated fadeIn">
                    <div class="icon">
                        <img src="./images/tel.png" alt="">
                    </div>
                    <div class="text">
                        <h5>电话</h5>
                        <p>02 7901887</p>
                    </div>
                </div>
                <div class="list wow animated fadeIn" style="animation-delay: 0.2s">
                    <div class="icon">
                        <img src="./images/wx.png" alt="">
                    </div>
                    <div class="text">
                        <h5>联络微信</h5>
                        <p>NEW_FOUNTAINS_AU</p>
                    </div>
                </div>
                <div class="list wow animated fadeIn" style="animation-delay: 0.3s">
                    <div class="icon">
                        <img src="./images/yx.png" alt="">
                    </div>
                    <div class="text">
                        <h5>E-mail</h5>
                        <p>info@nfedu.org</p>
                    </div>
                </div>
                <div class="list wow animated fadeIn" style="animation-delay: 0.4s">
                    <div class="icon">
                        <img src="./images/time.png" alt="">
                    </div>
                    <div class="text">
                        <h5>工作时间</h5>
                        <p>周一到周五<br>早上10:00-下午7:00</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="foot">
        <div class="logo">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="dom1">
            <div class="l">
                <div class="des">
                    New Fountains新源成立于2012年，是澳洲官方认证和授权的教育和签证服务机构。代理注册号（MARN:1687261）New
                    Fountains新源是海外本土留学移民团队，提供定制化服务，团队每一位成员都有留学背景。我们提供的留学服务: 零服务费中介！无中介费 无押金。从留学咨询到签证办理再到入境一站式服务。
                </div>
                <a href="">
                    了解更多
                </a>
            </div>
            <div class="r">
                <div class="links">
                    <a href="">关于我们</a>
                    <a href="">常见问题</a>
                    <a href="">联系我们</a>
                    <span>|</span>
                    <div class="item">
                        <img src="./images/f1.svg" alt="">
                    </div>
                    <div class="item">
                        <img src="./images/f2.png" alt="">
                    </div>
                    <div class="item">
                        <img src="./images/f3.png" alt="">
                    </div>
                    <div class="item">
                        <img src="./images/f4.png" alt="">
                    </div>
                </div>
                <div class="links2">
                    <div class="pic">
                        <img src="./images/f5.png" alt="">
                    </div>
                    <div class="pic">
                        <img src="./images/f6.png" alt="">
                    </div>
                    <div class="pic">
                        <img src="./images/f7.png" alt="">
                    </div>
                    <div class="pic">
                        <img src="./images/f8.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="dom2">
            <a href="">
                Copyright © 1990-2023 New Fountains All rights reserved.
            </a>
        </div>
    </div>

    <div class="map_text" style="display: none;">
        <div class="matter_joke">
            <div class="map_matter">
                <div class="title">GUANGZHOU</div>
                <div class="text">South China</div>
                <div class="message">
                    <p class="company-adress-sm company-location-sm">Rm.2F, Sanxin Plaza, No.33 West Huangpu Rd.<br>Guangzhou, Guangdong</p>

                    <p class="company-adress-sm">			<span class="company-phone-sm">020-38202422/23/83<br>			<span class="company-fax-sm">020-38202416<br>			<span class="company-email-sm">Xiaoyi.Guo@samsongroup.com		</span></span></span></p>

                    <a class="btn btn-default company-detaillink-sm" href="./webInfo.html?id=16">more info</a>

                </div>

            </div>
        </div>
        <div class="matter_joke">
            <div class="map_matter">
                <div class="title">2</div>
                <div class="text">South China2</div>
                <div class="message">
                    <p class="company-adress-sm company-location-sm">Rm.2F, Sanxin Plaza, No.33 West Huangpu Rd.<br>Guangzhou, Guangdong</p>

                    <p class="company-adress-sm">			<span class="company-phone-sm">020-38202422/23/83<br>			<span class="company-fax-sm">020-38202416<br>			<span class="company-email-sm">Xiaoyi.Guo@samsongroup.com		</span></span></span></p>

                    <a class="btn btn-default company-detaillink-sm" href="./webInfo.html?id=16">more info</a>

                </div>

            </div>
        </div>
        <div class="matter_joke">
            <div class="map_matter">
                <div class="title">3</div>
                <div class="text">South China3</div>
                <div class="message">
                    <p class="company-adress-sm company-location-sm">Rm.2F, Sanxin Plaza, No.33 West Huangpu Rd.<br>Guangzhou, Guangdong</p>

                    <p class="company-adress-sm">			<span class="company-phone-sm">020-38202422/23/83<br>			<span class="company-fax-sm">020-38202416<br>			<span class="company-email-sm">Xiaoyi.Guo@samsongroup.com		</span></span></span></p>

                    <a class="btn btn-default company-detaillink-sm" href="./webInfo.html?id=16">more info</a>

                </div>

            </div>
        </div>
    </div>

    <style>
        .map_matter{

            width: 341px;

            background: #fff;

            color: #333;

            padding: 20px;

            text-align: left;

            border-radius: 12px;

            position: relative;

            transition: 1s;


        }


        .map_matter .title {

            font-size: 21px;

            letter-spacing: 0px;

            margin: 0 0 10px;

            font-weight: bold;

        }



        .map_matter .text {

            font-size: 15px;

            color: #333;

            font-weight: bold;

            margin: 0 0 20px;

        }



        .map_matter .message p {

            font-size: 15px;

            color: #333;

            letter-spacing: 0px;



        }

        .company-location-sm{

            white-space: pre-wrap;

        }



        .map_matter .btn {

            width: 100%;

            height: 31px;

            display: flex;

            align-items: center;

            justify-content: center;

            background-color: #dee2e4;

            position: static;

            letter-spacing: 0;

            border: #d0d5d9;

            outline: none;

            color: #000;

        }
        .map_matter .message p{
            margin: 0 0 12.5px;
            font-weight: 500;
        }

        .gm-style .gm-style-iw-d{
            overflow: hidden!important;
        }


        .map_matter .btn:hover {

            color: #fff;

            background-color: #600;

            border-color: rgba(0, 0, 0, 0);

        }



        .map_matter .leaflet-popup-close-button {

            position: absolute;

            top: 0;

            right: 0;

            padding: 4px 4px 0 0;

            border: none;

            text-align: center;

            width: 18px;

            height: 14px;

            font: 16px/14px Tahoma, Verdana, sans-serif;

            color: #c3c3c3;

            text-decoration: none;

            font-weight: 700;

            background: transparent;

        }
    </style>

</div>
<script src="./js/jq.js"></script>
<script src="./js/common2.js"></script>
<script src="./js/wow.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCvgQYsiA_awHJ0btpBpypYN_CTuDV3Qr0&sensor=false,&language=en"></script>
</body>
<script>
    new WOW().init()

    var coordinates = [
        { lat: -25.140890766701634, lng: 134.10148951875595 },
        { lat: -26.4784538986388, lng: 122.93938081787148 },
        { lat: -26.674963165453665, lng: 152.9540275626475 },
    ];

    function initialize() {
        var mapProp = {
            center: coordinates[0],
            zoom: 4,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
        var openInfoWindow = null;
        for (var i = 0; i < coordinates.length; i++) {
            let marker = new google.maps.Marker({
                position: coordinates[i],
                map: map
            });

            let infowindow = new google.maps.InfoWindow({
                content: document.querySelectorAll('.matter_joke')[i].innerHTML
            });

            google.maps.event.addListener(marker, 'click', (function(marker, infowindow) {
                return function() {
                    // 关闭之前打开的信息窗口
                    if (openInfoWindow) {
                        openInfoWindow.close();
                    }

                    infowindow.open(map, marker);
                    openInfoWindow = infowindow; // 更新当前打开的信息窗口
                }
            })(marker, infowindow));
        }
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>
</html>